/*全局设置*/
.index-page{
    background-color: rgb(240,240,240);
}
.container-box{
    padding-left: 20rpx;
    padding-right: 20rpx;
    height:100%;
}
/*头部设置*/
.top{
    height: 100rpx;
    background-color: white;
    margin-top:20rpx;
    border-radius: 10rpx;
    padding: 10rpx 40rpx 10rpx 40rpx;
}
.top-text-box{
    line-height: 80rpx;
    height: 80rpx;
}
/*轮播图设置*/
.top-swiper{
    margin-top: 10rpx;
}
.swiper{
    width:100%;
    height:600rpx;
    margin-top: 20rpx;
}
.swiper-item{
    border-radius: 20rpx;
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative;
}
.swiper-img{
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    min-width: 100%;
    min-height: 100%;
    transform:translate(-50%,-50%);
}
/*主体设置*/
.main-box{
    margin-top: 10rpx;
}
.main-title-box{
    width: 100%;
    margin-top: 30rpx;
}
.main-title{
    font-size:40rpx;
}
.main-btn-box{
    margin-top: 20rpx;
}
.main-btn{
    border-radius: 20rpx;
    background-color: white;
    border: 1px solid dodgerblue;
    color: dodgerblue;
    width: 100%;
    height:100%;
    white-space: nowrap;
}
/*底部设置*/
.bottom-box{
    margin-top: 20rpx;
    border-radius: 20rpx;
    width:100%;
    height:600rpx;
    overflow:hidden;
    position:relative;
}
.bottom-box-img{
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    min-width: 100%;
    min-height: 100%;
    transform:translate(-50%,-50%);
}
/*留白设置*/
.message{
    height:180rpx;
}